﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="Scripts/jquery-2.0.2.js"></script>
    <script src="Scripts/http-requester.js"></script>
    <script src="http://crypto-js.googlecode.com/svn/tags/3.1.2/build/rollups/sha1.js"></script>
    <script src="Scripts/class.js"></script>
    <script src="Scripts/ui.js"></script>
    <script src="Scripts/myPersister.js"></script>
    <script src="Scripts/controller.js"></script>
    <link href="css/bootstrap.css" rel="stylesheet" />
    <style>
        header h1 {
            text-align:center;
        }
        #panel-step {
            display:none;
        }
        .button.selected {
            font-weight: bold;
        }
        .picSteps {
            width: 550px;
            height: 400px;
        }
        #recipes-list img {
            width:400px;
            height:200px;
        }
    </style>    
</head>
<body>
    <div 
        pub-key="pub-c-26f81a7d-18b7-4472-976d-f6d6ba477ee0" 
        sub-key="sub-c-8dc89202-0580-11e3-8dc9-02ee2ddab7fe" 
        ssl="off" origin="pubsub.pubnub.com" id="pubnub"></div>
    <script src="http://cdn.pubnub.com/pubnub-3.5.3.min.js"></script>
    <script>
        (function () {
            document.write("")
            PUBNUB.subscribe({
                channel: nicknameSave,
                callback: function (message) {
                    alert(message);
                    // Received a message --> print it in the page
                    //document.getElementById('messagesArea').innerHTML += message + '\n';
                }
            });
        })();
    </script>
    <div id="wrapper">
        <header>
            <h1>Ariel Web Recipe Application</h1>
        </header>
        <div class="container">
        </div>        
    </div>
    <script src="Scripts/bootstrap.js"></script>
</body>
</html>
